#kotak-dialog {
  position:absolute;
  top:25%;
  left:45%;
  margin:0px 0px 0px -200px;
  width:600px;
  height:auto;
  background-color:#fff;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  z-index:1000;
  display:none;
}

#kotak-dialog *:focus {
  outline:none;
}

#kotak-dialog h3.title {
background: url("http://1.bp.blogspot.com/-YOBv-73-Yss/UDbE_TaGMFI/AAAAAAAAAKE/4wS6ZclLgrI/s1600/h1_heading_gradient.png") repeat-x scroll 0 0 #007EB7;
padding:7px 15px;
color:#fff;
font:bold 17px Arial,Sans-Serif;
margin:0px 0px 0px 0px;
position:relative;
}

#kotak-dialog h3.title a {
  position:absolute;
  top:10px;
  right:15px;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
}

#kotak-dialog .isi-dialog {
  margin:15px;
  font:normal 12px Arial,Sans-Serif;
}

#kotak-dialog .button-wrapper {
  padding:10px 15px 0px;
  border-top:1px solid #ddd;
  margin-top:15px;
}

#kotak-dialog .button-wrapper button {
  background-color:#5b8500;
  border:none;
  font:bold 12px Arial,Sans-Serif;
  color:#fff;
  padding:5px 10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
}

#kotak-dialog .button-wrapper button:hover {
  background-color:#aaa;
}

#dialog-overlay {
  position:fixed !important;
  position:absolute;
  z-index:999;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color:#000;
  display:none;
}

.open-dialog {
color: $(button.text.color);
margin-right: 5px;
background-color: #5b8500;
border: 1px solid #375200
}
.open-dialog:hover {
background-position: 0 -24px;
color: $(button.text.color);
}